h1 ,h2 ,h3 {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
div {
    text-align: center;
    /* font-size:large;  */
}
p {
	text-align: center;
    font-size: larger;
}

/* 背景图片 */
.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

/* 整体布局 */
#div1 {
	width: 50%;
	height: 340px;
	float: left;
	/* background-color: blue; */
    font-size: large;
} 
#div2 {
	width: 50%;
	height: 340px;
	float: right;
	/* background-color: rgb(224, 35, 108); */
    font-size: large;
} 
#div3 {
	width: 50%;
	height: 340px;
	float: left;
	/* background-color: rgb(6, 255, 18); */
}  
#div4 {
	width: 50%;
	height: 340px;
	float: right;
	/* background-color: rgb(250, 86, 10); */
} 

/* 按钮设置 */
.btn {
	width: 150px;
	text-align: center;
	height: 50px;
	margin: 10px;
}

/* 弹出层表格 */
table {
	width: 100%;
	height: 100%;
}
thead  tr {
    display: block;
}           
tbody {
    display: block;
	width: 100%;
	height: 480px;
	text-align: center;
    overflow: auto;
	font-size: large;
}
thead {
	width: 100%;
	height: 40px;
	font-size: large;
	text-align: center;
	background-color: rgb(163, 163, 163);
	background-color: #E6E6E6;
}
thead th {
	height: 40px;
    width: 280px;
}
thead th + th {
	height: 40px;
    width: 280px;
}
thead th + th + th {
	height: 40px;
    width: 280px;
}
tbody td {
    width: 280px;
	height: 30px;
	background-color: #E6E6E6;
}
tbody td + td {
    width: 280px;
	height: 30px;
	background-color: #E6E6E6;
}
tbody td + td + td {
    width: 280px;
	height: 30px;
	background-color: #E6E6E6;
}

/* 弹出层查询栏 */
#query_btn {
	width: 80px;
	height: 25px;
	margin-left: 10px;
}
#select_date {
	height: 40px;
	width: 100%;
	background-color: rgb(17, 170, 241);
    display: flex;
    align-items: center;
    justify-content: center;
}
